<template>
  <div>
    <div class="w100 rowsb bgff h-40 br-20 rowsm pl-20 pr-10 mb-10">
        <el-input v-model="name" placeholder="输入姓名学号" class="w-400 input"></el-input>
        <div class="w-60 h-30 br-15 rowsc rowsm" style="background-color: #E33636;">
            <img src="../../../static/img/icon_osbc.png" class="w-15 h-15" alt="">
        </div>
    </div>

    <div class="w100 rows rowsm bgff h-36">
        <div class="rowsc rowsm col000 fw-b fs-16" style="width: 20%;">姓名</div>
        <div class="rowsc rowsm col000 fw-b fs-16" style="width: 30%;">班级</div>
        <div class="rowsc rowsm col000 fw-b fs-16" style="width: 25%;">学号</div>
        <div class="rowsc rowsm col000 fw-b fs-16" style="width: 25%;">操作</div>
    </div>
    <div class="w100 h-48 rows rowsm" v-for="(item,index) in list" :key="index" :style="index % 2 == 0 ? 'background-color: #E3E3E3;' : 'background-color: #fff;'">
        <div class="rowsc rowsm col000 fs-16" style="width: 20%;">{{item.name}}</div>
        <div class="rowsc rowsm col000 fs-16" style="width: 30%;">{{item.bjName}}</div>
        <div class="rowsc rowsm col000 fs-16" style="width: 25%;">{{item.stNumber}}</div>
        <div class="rowsc rowsm" style="width: 25%;">
            <div class="w-68 h-24 br-12 rowsc rowsm colfff fs-16" style="background-color: #E33636;" @click="choseItem(item)">选择</div>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      list:[]
    };
  },
  watch: {},
  computed: {},
  methods: {
    choseItem(item){
        this.$emit('choseItem',item)
    },
    getList(){
      this.$axios.post('prouser/list',{}).then(res => {
        if(res.data.code != 200) return this.$notify({
          title: '提示',
          message: res.data.msg
        });
        let {rows} = res.data
        this.list = rows
      })
    }
  },
  created() {
    this.getList()
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
  .input /deep/ .el-input__inner  {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    // text-align: right;
  }
</style>